<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>我的电子证书网站</title>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <link href="css/buttonCss.css" rel="stylesheet" type="text/css" />
    <link href="css/model.css" rel="stylesheet" type="text/css" />
    <link href="css/myCss.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="app">
    <iframe src="page/pageHead2.html" scrolling="no" frameborder="0" width="100%"  height="59px"></iframe>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="22"></td>
        </tr>
    </table>
    <table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td height="15" valign="top"><table width="1000" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="803" align="center" valign="top"><table width="800" border="0" cellspacing="10" cellpadding="0" bgcolor="#FFFFFF">
                        <tr>
                            <td>
                                会员名称：<input v-model="formData.name" placeholder="请输入会员名称" class="myCss"/>
                                单位名称：<input v-model="formData.work" placeholder="请输入单位名称" class="myCss"/>
                                <a class="button button-primary button-rounded button-small" @click="query">查询</a>
                            </td>
                        </tr>
                        <tr>
                            <td height="30" align="left" class="hui-18"><strong>奖状列表</strong></td>
                        </tr>
                        <tr>
                            <td align="left">
                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td height="2" bgcolor="#0c99fd"></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" align="left" valign="top"><table width="100%" border="0" cellspacing="4" cellpadding="0">
                                <tr>
                                    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="2" cellpadding="0" bgcolor="#ecedef">
                                        <tr>
                                            <td width="10%" height="30" align="center">序号</td>
                                            <td width="20%" align="left">奖状图片</td>
                                            <td width="15%" align="left">获奖用户</td>
                                            <td width="20%" align="left">主题</td>
                                            <td width="15%" align="left">奖项</td>
                                            <td width="20%" align="center">创建时间</td>
                                        </tr>
                                    </table>
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td height="10"></td>
                                            </tr>
                                        </table>
                                        <li v-for="(item,index) in prizesList">
                                            <table width="100%" border="0" cellspacing="2" cellpadding="0">
                                                <tr>
                                                    <td width="10%" align="center" class="hui14">{{(pageIndex-1) * pageSize + index + 1}}</td>
                                                    <td width="20%" align="center" class="hui14">
                                                        <a @click="showImg(item.imgpath)" class="heisel">
                                                            <img :src="SERVER_HOST + '/' + item.imgpath" width="100" height="100"/>
                                                        </a>
                                                    </td>
                                                    <td width="15%" align="left" class="hui14">{{item.member.realname}}</td>
                                                    <td width="20%" align="left" class="hui14">{{item.theme ? item.theme.name : ''}}</td>
                                                    <td width="15%" align="center" class="hui14">{{item.diplomas ? item.diplomas.name : ''}}</td>
                                                    <td width="20%" align="center" class="hui14">{{item.createtime}}</td>
                                                </tr>
                                                <tr>
                                                    <td colspan="5" align="center" class="hui14"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td background="images/index_4_xian.jpg"><img src="images/index_4_xian.jpg" width="2" height="7" /></td>
                                                        </tr>
                                                    </table></td>
                                                </tr>
                                            </table>
                                        </li>
                                        <table width="100%" border="0" cellspacing="2" cellpadding="0" bgcolor="#ecedef">
                                            <tr>
                                                <td width="25%" align="center">总共 {{total}} 条记录; 第 1 页,共 {{pageCon}}页
                                                    <a @click="pageSelect(1)">首页</a>
                                                    <a @click="pageSelect(pageIndex-1)">上一页</a>
                                                    <a @click="pageSelect(pageIndex+1)">下一页</a>
                                                    <a @click="pageSelect(pageCon)">最后一页</a>
                                                </td>
                                            </tr>
                                        </table></td>
                                </tr>
                            </table></td>
                        </tr>
                        <tr>
                            <td align="left">&nbsp;</td>
                        </tr>
                    </table></td>
                </tr>
            </table></td>
        </tr>
    </table>
    <iframe src="page/pageFoot.html" scrolling="no" frameborder="0" width="100%"></iframe>
    <div id="modal" class="modal">
        <div class="modal-content">
            <div class="modal-body">
                <img :src="SERVER_HOST + '/' + imgpath" width="100%"/>
            </div>
            <footer class="modal-footer">
                <button @click="closeModel">关闭</button>
            </footer>
        </div>
    </div>
</div>
<script src='https://unpkg.com/vue@2.0.5/dist/vue.js'></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script type="text/javascript" src="../libs/util.js"></script>
<script type="text/javascript" src="js/modelList.js"></script>
</body>
</html>
